<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form id="form" >
    <input type="hidden" name="id" value="1" />
    文本输入框：<input type="text" name="name" value="1234" /><br/>
    密码输入框：<input type="password" required placeholder="请输入密码" /><br/>
    单选按钮：<input type="radio"/><br/>
    性别：<input type="radio" name="gender" value="M" checked/>男
    <input type="radio" name="gender" value="F"/>女
    <input type="radio" name="gender" value="N" />不详
    复选框：<input type="checkbox"/><br/>
    <hr/>
    <!-- 复选框注意事项（与单选按钮一致） -->
    爱好：<input type="checkbox" name="hobby" value="篮球" />篮球
    <input type="checkbox" name="hobby" value="足球"/>足球
    <input type="checkbox" name="hobby" value="羽毛球" />羽毛球
    <input type="checkbox" name="hobby" value="溜溜球"/>溜溜球

    文件选择框：<input type="file"/><br/>

    你居住的城市：
    <select name="city" disabled>
        <option value="BeiJing">北京</option>
        <option value="ShangHai">上海</option>
        <option value="GuangZhou">广州</option>
        <option value="ShenZhen">深圳</option>
        <option value="WuHan" selected="selected">武汉</option>
    </select>
    <textarea rows="5" cols="30" >这是文本域的默认值</textarea>
    <!-- 普通按钮默认是没有文本的，通过value属性指定按钮文本 -->
    普通按钮：<input type="button" value="普通"/><br/>
    重置按钮：<input type="reset"/><br/>
    提交按钮：<input type="submit"/><br/>
    <button type="button">普通按钮</button> 或 <input type="button" value="普通按钮"/><br/>
    <button type="reset">重置按钮</button> 或 <input type="reset" value="重置按钮"/>
    <br/>
</form>
<!--代码调换位置 ctrl+shift+ 上下方向键-->
<button form="form" formaction="#" formmethod="get" type="submit">提交按钮</button> 或 <input type="submit" value="提交按钮"/>

<a href="https://www.baidu.com/s?wd=新疆大学" target="_blank">百度</a>
<hr/>
<a href="#aaa">div1</a><!-- 跳转到锚点 -->
<a href="#bbb">div2</a>
<a href="#ccc">div3</a>
<a href="#ddd">div4</a>
<hr/>
<a id="aaa"></a><!-- 定义锚点 -->
<div style="height: 1000px; background-color: aquamarine;">div1</div>
<a id="bbb"></a><!-- 定义锚点 -->
<div style="height: 1000px; background-color: lawngreen;">div2</div>
<a id="ccc"></a><!-- 定义锚点 -->
<div style="height: 1000px; background-color: palevioletred;">div3</div>
<a id="ddd"></a><!-- 定义锚点 -->
<div style="height: 1000px; background-color: peru;">div4</div>
</body>
</html>